h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
body {
  margin: 0;
  padding: 0;
  user-select: none;
}

:root {
  --bg1: #4339ca;
  --bg2: #a6c1ee;
  --main: #f4f6f8;
  --white: #ffffff;
  --shadow: #f3f3f3;
  --color: #78787b;
  --border: #e0e3ea;
  --cardBg: var(--white);
  --gray500: rgba(107, 114, 128, 1);
  --gray400: #9ea2ac;
  --gray100: #dddfe6;
  --text-bg: rgba(54, 53, 53, 0.6);
  --text-sm: 0.875rem;
  --text-3xl: 1.875rem;
  --text-xl: 1.25rem;
  --mt-2: margin-top: 0.5rem;
  --bg-light: rgba(246, 246, 246, 1);
  --active: #f2f8fd;
  --activeBg: #ffeff0;
  --activeBorder: 1px dashed #fec6cd;
  --activeColor: #f86767;
  --disableBg: #f8f9fa;
  --disableBorder: border: 1px dashed #e1e3e8;
  --disableColor: #959ca8;
}

html.dark {
  --bg1: #a6c1ee;
  --main: #141414;
  --white: var(--cardBg);
  --cardBg: #1b1c1d;
  --shadow: #16181a;
  --border: #393a3b;
  --bg-light: rgb(66, 66, 66, 1);
  --active: #333333;
  --text-bg: rgba(244, 244, 244, 0.5);
  --activeBg: #45191a;
  --activeColor: #f86767;
  --disableBg: var(--main);
  --gray100: #3b3b3c;
}

::-webkit-scrollbar {
  width: 4px;
  height: 6px;
}

::-webkit-scrollbar-corner {
  display: block;
}

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
  border-right-color: transparent;
  border-left-color: transparent;
  background-color: rgba(0, 0, 0, 0.1);
}